/*banner*/
.banner {height:552px;background: rgba(50,50,50,.6);}
/*search*/
.search { width:1200px; margin:0 auto; height:70px; border-bottom:#ececec 1px solid;overflow: hidden;}
.search p { float:left;font-size: 14px; color:#666; width:835px; height:70px; line-height:70px; overflow:hidden; padding:0 0 0 40px;}
.four {padding: 40px 0 0;}
.four ul li {width: 240px;float: left;text-align: center;font-size: 16px;color: #666; background:url(../imagesp/four_line01.gif) no-repeat 0 42px;}
.four ul li i {width: 45px;display: block;margin:0 auto;}
.four ul li i {display: block; transition: all 0.3s ease-in-out 0s;font-size: 42px;color: #2c99ff;}
.four ul li span {display: block;font-size: 22px;color: #333;height: 70px;line-height: 70px; background:url(../imagesp/four_line02.gif) no-repeat center 66px;margin-bottom: 12px;}
.four ul li:first-child {background: none;}
.four ul li:hover i { transform: rotateY(180deg);}

/*banner2*/
.banner2 {background: url(../imagesp/bg2.jpg) no-repeat;background-size: cover;background-attachment:fixed;height: 150px;position: relative;z-index: 2;margin-top:40px;}

.prod { position: relative; z-index: 10; }
.prod-menu { width: 210px; background: #f4f4f4; margin-top: -116px;}
.prod-menu h2 {height: 95px;background: #2c99ff;color: #fff;text-align: center;font-size: 24px;padding-top: 20px;line-height: 2.1rem;}
.prod-menu h2 b {display: block;font-weight: 600;font-size: 26px;}
.prod-menu h3 { height: 38px; line-height: 38px; background: #666; text-align: center; font-size: 16px; font-weight: normal; margin-bottom: 1px;}
.prod-menu h3 span { color: #fff;}
.prod-menu ul { padding-left: 15px; margin: 5px 0}
.prod-menu li { background: url("../imagesp/prod_icon1.png") no-repeat 0 center; font-size: 14px; padding-left: 20px; line-height: 30px;}
.prod-menu li a { color: #565458;}
.prod-menu li:hover a { color: #2c99ff;}

.prod-img { width: 938px; margin-top: 38px;display:none;}
.prod-big,.prod-big1,.prod-big2,.prod-big3,.prod-big4 { height: 302px; padding-bottom: 25px;border-bottom: 1px solid #ececec; box-sizing: content-box;}
.prod-big dt,.prod-big1 dt,.prod-big2 dt,.prod-big3 dt,.prod-big4 dt {width: 363px;height: 225px;float: left;}
.prod-big dt img,.prod-big1 dt img,.prod-big2 dt img,.prod-big3 dt img,.prod-big4 dt img { width: 100%;}
.prod-big dd,.prod-big1 dd,.prod-big2 dd,.prod-big3 dd,.prod-big4 dd {width: 535px;float: right;}
.prod-big dd h3,.prod-big1 dd h3,.prod-big2 dd h3,.prod-big3 dd h3,.prod-big4 dd h3 {font-size: 24px;margin-bottom: 10px;}
.prod-big dd h3 a,.prod-big1 dd h3 a,.prod-big2 dd h3 a,.prod-big3 dd h3 a,.prod-big4 dd h3 a {color:#555;}
.prod-big dd h3 a:hover,.prod-big1 dd h3 a:hover,.prod-big2 dd h3 a:hover,.prod-big3 dd h3 a:hover,.prod-big4 dd h3 a:hover {color: #2c99ff;}
.prod-big dd p,.prod-big1 dd p,.prod-big2 dd p,.prod-big3 dd p,.prod-big4 dd p {font-size: 14px;line-height: 24px;color: #6f6f6f;white-space:  nowrap;overflow:  hidden;text-overflow:  ellipsis;}
.prod-big dd .prod-btn,.prod-big1 dd .prod-btn,.prod-big2 dd .prod-btn,.prod-big3 dd .prod-btn,.prod-big4 dd .prod-btn {display: block;margin-top: 25px;}
.prod-btn a { width: 135px; height: 38px; line-height: 38px; text-align: center; background: #666; font-size: 14px; font-weight: bold; display: inline-block; color: #fff; margin-right: 16px;}
.prod-btn a:first-child { background: #2c99ff;}

.prod-slide { height: 245px; position: relative;}
.prod-slide .prev { display: block; width: 16px; height: 36px; position: absolute; left: 0; top: 50%; margin-top: -18px;}
.prod-slide .next { display: block; width: 16px; height: 36px; position: absolute; right: 0; top: 50%; margin-top: -18px;}
.prod-slide li { width: 215px; height: 170px; float: left; margin-right: 25px; overflow: hidden; position: relative;margin-top: 35px;}
.prod-slide li:nth-child(4),.prod-slide li:nth-child(8) {margin-right: 0;}
.prod-slide li img { width: 100%;}
.prod-slide li .cover { height: 35px; line-height: 35px; text-align: center; background: url("../imagesp/prod_icon3.png"); position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; width: 100%;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.prod-slide li .cover i { display: none; width: 21px; height: 21px;}
.prod-slide li:hover .cover { height: 100%;}
.prod-slide li:hover .cover i { display: block; margin: 77px auto 10px;}
/**/
.three_bg {background:url(../imagesp/three_bg.png) no-repeat center 0;height: 670px;padding: 174px 0 0;}
.three_t {font-size: 46px;color: #fff;text-align: center;font-weight: normal;line-height: 50px;height: 120px;}
.three_t span {display: block;font-size: 18px;color: #999;text-transform: uppercase;}
.three dl {background:url(../imagesp/three_k.gif) no-repeat;width: 386px;height: 313px;float: left;margin-right: 14px;overflow: hidden;}
.three dl dt {font-size: 24px;color: #333;background:url(../imagesp/three_line.gif) no-repeat center 102px;height: 104px;line-height: 120px;overflow: hidden;text-align: center;}
.three dl:hover dt {color: #2c99ff;}
.three dl dd {padding: 10px 0 0;position: relative;height:200px;}
.three dl dd p {font-size: 15px;color: #666;line-height: 28px;height: 110px;overflow: hidden;width: 300px;margin:0 auto;text-align: center;}
.three dl dd em {display: block;font-size: 14px;color: #fff;width: 30px; text-align: center; height: 30px; line-height: 30px; position: absolute; bottom: 5px; left: 2px;}
.three a .icon {position:relative;display:block;width:57px;height:57px;margin:15px auto 0;}
.three a .icon i {position:absolute;width:100%;height:100%;background:url(../imagesp/idesign_icon.png);top:0;left:0;}
.three a .icon .default {-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.three a .icon .hover {opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-57px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.three a.i1 .icon .default {background-position:0 0;}
.three a.i2 .icon .default {background-position:0 -57px;}
.three a.i3 .icon .default {background-position:0 -114px;}
.three a.i1 .icon .hover {background-position:-57px 0;}
.three a.i2 .icon .hover {background-position:-57px -57px;}
.three a.i3 .icon .hover {background-position:-57px -114px;}
.three a:hover .hover {opacity:1;visibility:visible;}
.three a:hover .default {opacity:0;visibility:hidden;}
.three a:hover .default {-webkit-transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);}
.three a:hover .hover {-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.three .nobor {margin-right: 0;}
.three_tel {text-align: center;padding: 40px 0 0;}
.three_tel a {display: block;font-size: 18px;color: #fff;width: 130px; text-align: center; height:40px; line-height:40px; background: #2c99ff;border-radius:15px;margin:0 auto;} 
.three_tel a:hover {background: #fff;color: #333;}
.three_tel span {display: block;font-size: 24px;color: #a4a5a6;border-bottom: #51545a 1px solid;width: 240px;margin:0 auto;height: 36px;line-height: 36px;padding: 15px 0 0;}
.chanp .three_t {color: #333;height: 147px;}

.hz_bg {background:url(../imagesp/hz_bg.gif) no-repeat center 0;height: 525px;padding: 115px 0 0;}
.hz_t {height: 90px;text-align: center;}
.hz_t a {font-size: 33px;color: #666;font-weight: normal;}
.hz ul {width: 1155px;height: 348px;display: block;margin:0 auto;border-top: #e5e5e5 1px solid;border-left: #e5e5e5 1px solid;}
.hz ul li {width: 230px;height: 115px;float: left;border-bottom: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.hz ul li img  {
	width: 230px;
	height: 115px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; 
}
.hz ul li a:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}

.partner { overflow: hidden;}
.partner h3 { text-align: center; background: url("../imagesp/partner_title_bg.jpg") no-repeat center center; font-size: 24px; margin: 36px auto;}
.partner ul { border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; overflow: hidden;}
.partner li { width: 238px; height: 132px; float: left; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.partner li img { width: 100%;}
.partner .partner-more { margin-top: 30px; text-align: center; font-size: 14px;}
.partner .partner-more a { color: #565458; border-bottom: 1px solid #565458; display: inline-block;}

.main-title { font-size: 36px; color: #000000; text-align: center; margin: 40px 0;}
.main-title span {font-size: 23px;color: #565458;display: block;adding-bottom: 18px;letter-spacing: 10px;}
.main-title i { display: block; width: 117px; height: 1px; background: #2c99ff; margin: 15px auto 10px;}
.main-title a {color: #000000; }
.witness .main-title b a,.witness .main-title span { color:#fff;}

.witness { background: url("../imagesp/witness_bg.jpg") no-repeat center 0;height: 580px; overflow: hidden; margin: 40px 0 0;}
.witness .main-title { color: #fff;}
.witness-wrap dl { width: 326px; height: 325px; background: #fff; margin-left: 50px; padding: 20px; float: left; box-sizing: content-box;}
.witness-wrap dl:first-child { margin-left: 0;}
.witness-wrap dl.witnessdl01 {margin-left: 0;}
.witness-wrap dt { width: 326px; height: 202px; margin-bottom: 20px;}
.witness-wrap dt img {  width: 326px;height:202px; }
.witness-wrap dd h3 { font-size: 18px; height: 38px; border-bottom: 1px dashed #d5d5d6; margin-bottom: 6px;text-align: center;}
.witness-wrap dd h3 a {color: #565458; }
.witness-wrap dd p { font-size: 14px; line-height: 24px; color: #828183;}
.witness-wrap dd .witness-more { display: block; font-size: 14px; margin-top: 20px; color: #565458;}
.witness-wrap dl:hover { background: #2c99ff;}
.witness-wrap dl:hover h3,.witness-wrap dl:hover p,.witness-wrap dd .witness-more { color: #fff;}

.ys {padding:30px 0 20px;}
.ys .three_t {color: #333;height: 140px;padding: 10px 0 0;}
.ys .three_t span {color: #666;}
.ys_m dl {width: 390px;float: right;padding:30px 60px 0 0;}
.ys_m dl dt {font-size: 18px;color: #fff;line-height: 30px;}
.ys_m dl dt b {display: block;font-weight: 600;font-size: 25px;}
.ys_m dl dd {font-size: 14px;color: #fff;line-height: 26px;height: 78px;overflow: hidden;padding:15px 0 0;}
.ys_qie01 {background:url(../imagesp/ys_pic01.jpg) no-repeat;width: 1200px;height: 230px;}
.ys_qie02 {background:url(../imagesp/ys_pic02.jpg) no-repeat;width: 1200px;height: 230px;}
.ys_qie03 {background:url(../imagesp/ys_pic03.jpg) no-repeat;width: 1200px;height: 230px;}
.ys_qie04 {background:url(../imagesp/ys_pic04.jpg) no-repeat;width: 1200px;height: 230px;}
.ys_bot {padding: 50px 0 0;}
.ys_bot ul li {font-size: 24px;color: #666;width: 300px;float: left;text-align: center;}
.ys_bot ul li i {display: block;color: #333;height: 55px;line-height: 44px;background:url(../imagesp/four_line02.gif) no-repeat center 51px;margin-bottom: 12px;}
.ys_bot ul li:hover i,.ys_bot ul li.on i {font-weight: bold;}

.about {height: 380px;overflow: hidden;}
.about dt { width: 463px; height: 320px; margin: 60px 0 0 0; float: left; position: relative; }
.about dt:after { content: ''; width: 468px; height: 355px; background: #f7f7f7; position: absolute; right: -18px; bottom: -18px;}
.about dt img {display: block;width: 463px;height: 300px; z-index: 10; position: relative;}
.about dd { width: 670px; float: right;}
.about dd h3 {font-size: 30px;font-weight: normal;margin: 50px 0 15px;line-height: 40px;}
.about dd h3 b { display: block; color: #565458;}
.about dd h3 a { color: #2c99ff; }
.about dd p {text-indent: 2em;font-size: 15px;color: #6f6f6f;line-height: 32px;}

.news {overflow: hidden;background: url("../imagesp/news_line.jpg") no-repeat center 90px;}
.news-a-tit{height: 108px;}
.news-a-tit h2 {color: #333333; border-bottom: 1px solid #333;font-size: 24px;line-height: 36px; margin: 42px 0 15px; font-weight: normal;float:left;}
.news-a-tit h2 span {color: #565458;border-bottom: 3px solid #2c99ff;display: inline-block;height: 47px;}
.news-a-tit h2 a:hover {color: #2c99ff;}
.news-a-tit p {float: right;font-size: 14px;margin-top: 52px;line-height: 21px;}
.news-a {display: flow-root;}
.news-a-list {width: 580px;padding: 0 10px 10px;float: left;}
.news-a-list p {text-align: center;padding: 5px;background-color: #0070ff;color: #FFF;font-size: 18px;line-height: 27px;}
.news-a-list li {font-size: 14px;line-height: 21px;margin-top: 10px;}
.news-a-list li a {padding-left: 5px;}
.news-a-list li a:hover {color: #0070ff;}
.news-a-list li span {float: right;padding-right: 5px;}

.question {overflow: hidden;background: url("../imagesp/news_line.jpg") no-repeat center 90px;}
.question h2 {font-size: 24px; margin: 42px 0 15px; font-weight: normal;}
.question h2 span {color: #565458;border-bottom: 3px solid #2c99ff;display: inline-block;height: 47px;}
.question h2 a:hover {color: #2c99ff;}
.qa {overflow: hidden;display: flow-root;}
.qa dl {width:600px;float: left;height: 135px;margin-bottom:30px;}
.qa dl dt {width:218px;float: left;height: 135px;}
.qa dl dt img {width:218px;height: 135px;border: 1px solid #b2b2b2;}
.qa dl dd {width:355px;float: right;height: 135px;margin-right: 10px;}
.qa dl dd a {display: block;font-size:15px; color: #565458;margin-bottom: 15px;white-space: nowrap;}
.qa dl dd a:hover {color: #2c99ff;}
.qa dl dd p {font-size: 14px; color: #929292;line-height: 21px;margin-bottom: 15px;}
.qa dl dd span {display: block; font-size: 14px; color: #b2b2b2;float: right;line-height: 30px;}
.qa dl dd .sytag{float: left;background: #f5f5f5;border: #0070ff 1px solid;padding: 3px 10px;color: #046ad2;line-height: 22px;}

.deanptitle h3  {
    font-size: 25px;
    color: #454545;
    font-weight: 500;text-align: center;
}
.deanptitle span  {
    display: block;
    width: 154px;
    height: 14px;
    margin: 10px auto;
    background: url("../imagesp/tbg.png") center center no-repeat;
}
.deanlink  {padding: 0 0 20px;}
.ccc {font-size: 16px;color: #282d44;line-height: 30px;margin-top: 20px;height:  150px;overflow:  hidden;}
.deanlinkc  {width: 1180px;margin: 0 auto;}
.deanlink ul  {white-space: nowrap;margin-top: 30px;}
.deanlink ul li  {float: left;margin-right: 6px;margin-bottom: 11px;}
.deanlink ul li a  {
    display: block;
    height: 20px;
    padding: 0 6px;
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #777;
    float: right;
    text-align: center;
    line-height: 20px;
    font-size:  12px;
}
.deanlink ul li a:hover  {
    background: #2c99ff;
    color: #fff;
    border: 1px solid #2c99ff;
}